.cl{clear: both;}
.fl{float: left;}
.fr{float: right;}
.mt4{margin-top: 4px;}
.container{width: 1220px;margin: 0 auto;}
/*楼盘详情页*/
.wrapbox{background: #fff;padding: 30px;margin-top: 20px;}
.lp-name{overflow: hidden;}
.lp-name p{float: left;font-size: 30px;color: #5f6261;margin-right: 20px;}
.lp-name label{float: left;margin-right: 10px;font-size: 12px;color: #313131;padding: 4px 18px;border: 1px solid #dcdcdc;margin-top: 8px;}
.lp-name span{float: left;line-height: 40px;font-size: 13px;color: #898989;margin-left: 14px;}
.lp-pic{height: 350px;margin-top: 30px;}
.succesny {width: 540px;}
/* sildes css begin */
.control {width: 430px;height: 350px;background: #282828;display: block;position: absolute;top: 0;left: 0;overflow: hidden;}
.change li {width: 430px;overflow: hidden;text-align: center}
/* 图片垂直居中,不是很准确 */
.change li img {max-width: 430px;max-height: 350px;width: expression(this.width > 430 && this.width > this.height ? 350: true);height: expression(this.height >430 ? 350: true);vertical-align: middle;overflow: hidden}
/* 缩图部分 */
.thumbWrap {width: 96px;height: 350px;position: absolute;right: 0;top: 0;overflow: hidden;}
.thumbWrap .thumbCont {height: 310px;margin: 20px auto 0;overflow: hidden;position: relative;width: 96px;}
.thumbWrap ul li {overflow: hidden;padding-bottom: 10px;text-align: center;width: 96px;}
.thumbWrap ul li div {display: table-cell;width: 96px;height: 70px;vertical-align: middle;cursor: pointer;*font-size: 79px;}
.thumbWrap ul li img {width: 96px;height: 70px;display: block;vertical-align: middle;overflow: hidden}
/* 缩图按钮 */
.thumbPrev,.thumbNext {width: 24px;height: 15px;text-align: center;position: absolute;color: #000;z-index: 9;outline: none}
.thumbPrev span,.thumbNext span {display: none;}
.thumbPrev {left: 36px;top: 0;background: url(../images/up.png) no-repeat;}
.thumbNext {left: 36px;bottom: 0;background: url(../images/down.png) no-repeat;}
.lp-con{width: 590px;position: relative;}
.lp-con .recommend{position: absolute;top: 0;right: 0;display: block;width: 135px;height: 50px;text-align: center;line-height: 50px;color: #fff;background: #ff422f;border-radius: 5px;font-size: 20px;font-weight: bold;}
.lp-con ul li{overflow: hidden;margin-bottom: 10px;line-height: 26px;}
.lp-con ul li:last-child{margin-bottom: 0;}
.lp-con ul li b{font-size: 14px;color: #636363;}
.lp-con ul li label{font-size: 14px;color: #636363;}
.lp-con ul li a{font-size: 12px;color: #4070cf;margin-left: 10px;}
.lp-con ul li em{font-size: 30px;color: #ff422f;font-weight: bold;}
.navbar{background: #fff;margin-top: 20px;border-bottom: 2px solid #dcdcdc;overflow: hidden;}
.navbar a{float: left;line-height: 48px;padding: 0 28px;font-size: 18px;color: #535353;}
.navbar a.cur{background: #ff422f;color: #fff;}
.infobox{margin-top: 20px;background: #fff;padding: 24px 30px;}
.infobox table{width: 1160px;}
.infobox table tr td{border: 1px solid #eee;text-align: center;font-size: 14px;color: #5f6261;line-height: 50px;}
.infobox table tr td.longest{text-align: left;padding: 0 20px;}
.infobox table tr td.short{width: 116px;color: #9c9c9c;background-color: #f7f8f8;}
.infobox table tr td.long{width: 442px;}
.common{background: #fff;margin-top: 20px;padding: 24px 30px;position: relative;}
.common h1{font-size: 28px;color: #5f6261;font-weight: normal;margin-bottom: 10px;}
.common h1 img{margin-left: 20px;}
.lp-station ul li{overflow: hidden;line-height: 58px;border-bottom: 1px dashed #dcdcdc;}
.lp-station ul li p{font-size: 16px;color: #5f6261;}
.lp-station ul li em{font-size: 14px;color: #313131;}
.housenum{position: absolute;right: 30px;top: 34px;overflow: hidden;}
.housenum a{float: left;margin-left: 18px;padding-left: 18px;font-size: 14px;color: #465160;position: relative;}
.housenum a:after{position: absolute;content: '';right: -18px;top: 0;width: 1px;height: 100%;background: #efefef;}
.housenum a:last-of-type:after,.housenum a:nth-last-of-type(2):after{width: 0;}
.housenum a em{color: #317ee7;}
.lp-house ul{margin-top: 25px;overflow: hidden;margin-right: -18px;}
.lp-house ul li{float: left;width: 276px;height: 200px;position: relative;margin-right: 18px;}
.lp-house ul li img{width: 100%;height: 100%;}
.lp-house ul li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 34px;line-height: 34px;background: rgba(0,0,0,.5);text-align: center;color: #fff;font-size: 14px;}
#suite{margin-bottom: 20px;}
.mapbox{/*overflow: hidden;*/height: 400px;margin-top: 25px;}
#allmap{width:870px;height:400px;}
.mapsele{position: relative;width: 275px;height: 400px;background: #fff;-webkit-box-shadow: -5px 0px 10px #e5e5e5;-moz-box-shadow: -5px 0px 10px #e5e5e5;box-shadow: -5px 0px 10px #e5e5e5;}
.mapTab {text-align: center;font-size: 0;padding: 9px 6px 0;}
.mapTab li {display: inline-block;margin: 12px 15px;width: 52px;font-size: 12px;text-align: center;border-bottom: none;line-height: normal;height: auto;padding: 0px;}
.mapTab li a {display: block;cursor: pointer;font-size: 12px;}
.mapTab li span {display: block;margin-bottom: 8px;width: 52px;height: 52px;background: url(../images/maptab.gif) no-repeat;overflow: hidden;}
.mapTab li span.s1 {background-position: -4px -4px;}
.mapTab li span.s2 {background-position: -64px -4px;}
.mapTab li span.s9 {background-position: -484px -4px;}
.mapTab li span.s7 {background-position: -364px -4px;}
.mapTab li span.s6 {background-position: -304px -4px;}
.mapTab li span.s4 {background-position: -184px -4px;}
.mapTab li span.s5 {background-position: -244px -4px;}
.mapTab li span.s8 {background-position: -424px -4px;}
.mapTab li span.s3 {background-position: -124px -4px;}

.mapTab li a:hover .s1{ background-position:-4px -64px;}
.mapTab li a:hover .s2{ background-position:-64px -64px;}
.mapTab li a:hover .s3{ background-position:-124px -64px;}
.mapTab li a:hover .s4{ background-position:-184px -64px;}
.mapTab li a:hover .s5{ background-position:-244px -64px;}
.mapTab li a:hover .s6{ background-position:-304px -64px;}
.mapTab li a:hover .s7{ background-position:-364px -64px;}
.mapTab li a:hover .s8{ background-position:-424px -64px;}
.mapTab li a:hover .s9{ background-position:-484px -64px;}
.map_tit{margin-bottom: 10px;}
.map_tit a {padding: 2px 12px;border: 1px solid #ddd;border-radius: 2px;font-size: 12px;color: #999;}
.map_tit a:hover{background: #ddd;}
.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 8;display: none;}
.scrolltab{position:fixed;width:990px;height: 638px;margin:0 auto;background: #fff;top: 50%;margin-top: -319px;left: 50%;margin-left: -495px;z-index: 9;}
.scrolltab em{color: #666;font-weight: bold;position: absolute;right: 12px;top: 5px;font-size: 24px;cursor: pointer;}
.scrolltab .tab{position: absolute;right: 60px;top: 66px; width: 260px;height: 346px;z-index: 99;}
.scrolltab .tab a{padding: 0 8px;border: 1px solid #e1e1e1;margin:10px 0;font-size: 14px;display: block;font-family: "microsoft yahei";height: 36px;line-height: 36px;cursor: pointer;}
.scrolltab .tab a.on{background: #ff422f;color: #fff;}
.scrolltab .ulBigPic{width:868px;height:444px;padding:20px 60px;overflow:hidden;}
.scrolltab .ulBigPic li{width:868px;height:444px;display:none;position: relative;}
.scrolltab .ulBigPic .liSelected{display:block;}
.scrolltab .ulBigPic img{background-color:#fff;width: 100%;height: 100%;}
.scrolltab .ulBigPic .sPic{width:570px;float:left;overflow:hidden;height: 444px;}
.scrolltab .ulBigPic .sSideBox{width:570px;position: absolute;bottom: 0;left: 0;text-align: center;height: 44px;line-height: 44px;background: rgba(0,0,0,.5);}
.scrolltab .ulBigPic .sTitle{font-size:14px;font-weight:700;color:#fff;}
.scrolltab .ulBigPic .sIntro{line-height:24px;color:#666;word-wrap:break-word;word-break:break-all;}
.scrolltab .ulBigPic .sMore{height:24px;line-height:24px;}
.scrolltab .ulBigPic .sMore a{color:#841;}
.scrolltab .ulBigPic .sTitle a{color:#333;}
.scrolltab .ulBigPic .sTitle a:hover{color:#840;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:190px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:10px;}
.scrolltab .sLeftBtnA{background-position:-5px -2px;}
.scrolltab .sLeftBtnASel{background-position:-80px 0;}
.scrolltab .sLeftBtnABan{background-position:-161px 0;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:10px;}
.scrolltab .sRightBtnA{background-position:-36px 0;}
.scrolltab .sRightBtnASel{background-position:-116px 0;}
.scrolltab .sRightBtnABan{background-position:-192px 0;}
.scrolltab .dSmallPicBox{width:988px;height:154px;position:relative;}
.scrolltab .dSmallPic{width:882px;height:144px;position:absolute;left:53px;top:0px;overflow:hidden;}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{width:141px;height:135px;border:3px solid #fff;padding:3px 0 0;float:left;display:inline;cursor:pointer;overflow:hidden;}
.scrolltab .dSmallPic .sPic{width:141px;height:106px;display:block;}
.scrolltab .dSmallPic .sPic img{border:1px solid #ddd;padding:2px;}
.scrolltab .dSmallPic .sTitle{width:141px;height:30px;line-height:30px;display:block;text-align:center;color:#333;overflow:hidden;}
.scrolltab .dSmallPic .liSelected{border-color:#ff422f;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{width:18px;height:37px;display:block;position:absolute;top:45px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:20px;}
.scrolltab .sLeftBtnB{background-position:0 -87px;}
.scrolltab .sLeftBtnBSel{background-position:-36px -87px;}
.scrolltab .sLeftBtnBBan{background-position:-73px -87px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:20px;}
.scrolltab .sRightBtnB{background-position:-16px -87px;}
.scrolltab .sRightBtnBSel{background-position:-52px -87px;}
.scrolltab .sRightBtnBBan{background-position:-88px -87px;}
/*房产资讯*/
.news-pic{overflow: hidden;padding: 3px;background: #fff;margin-top: 20px;}
.news-pic .left-pic{display: block;width: 606px;height: 404px;position: relative;overflow: hidden;}
.news-pic .left-pic img{width: 100%;height: 100%;}
.news-pic .left-pic p{position: absolute;bottom: 0;left: 0;width: 606px;padding: 16px 0;color: #fff;background: rgba(0,0,0,.5);font-size: 22px;text-align: center;}
.common-pic{overflow: hidden;}
.common-pic a{float: left;margin-left: 4px;display: block;width: 300px;height: 200px;position: relative;overflow: hidden;}
.common-pic a img{width: 100%;height: 100%;}
.common-pic a p{position: absolute;bottom: 0;left: 0;width: 272px;padding: 6px 14px;color: #fff;background: rgba(0,0,0,.5);font-size: 13px;}
.news-list{background: #fff;padding: 30px;margin-top: 20px;margin-bottom: 20px;}
.news-list .list-tab{overflow: hidden;}
.news-list .list-tab a{position: relative;float: left;padding-right: 26px;margin-right: 26px;font-size: 18px;color: #5f6261;line-height: 18px;}
.news-list .list-tab a.cur{color: #ff422f;}
.news-list .list-tab a:after{position: absolute;content: '';right: 0;top: 0;width: 1px;height: 100%;background: #efefef;}
.news-list .list-tab a:last-of-type:after{width: 0;}
.news-list ul.lists li{margin-top: 30px;padding-bottom: 30px;border-bottom: 1px dashed #c6c6c6;overflow: hidden;}
.news-list ul.lists li:last-of-type{border: none;}
.news-list ul.lists li a.list-pic{width: 232px;height: 160px;display: block;float: left;}
.news-list ul.lists li a.list-pic img{width: 100%;height: 100%;}
.news-list ul.lists li .list-con{float: right;width: 900px;}
.news-list ul.lists li .list-con .list-name{overflow: hidden;margin-top: 15px;}
.news-list ul.lists li .list-con .title{font-size: 18px;color: #5f6261;font-weight: bold;float: left;width: 650px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list ul.lists li .list-con span{float: right;font-size: 14px;color: #a0a0a0;}
.news-list ul.lists li .list-con p{font-size: 13px;color: #838383;line-height: 26px;margin-top: 18px;margin-bottom: 18px;}
.news-list ul.lists li .list-con p a{color: #4070cf;}
.news-list ul.lists li .list-con em{font-size: 14px;color: #a0a0a0;}
.pages{text-align: center;margin-top: 20px;}
.pages a{padding: 3px 8px;font-size: 12px;color: #535353;border: 1px solid #e6e6e6;border-radius: 4px;margin: 0 3px;display: inline-block;}
/*房盟加盟*/
.unionbox{position: relative;height: 460px;}
.unionbox img.mybg{width: 100%;height: 460px;}
.unionbox .unioncon{width: 1220px;position: absolute;top: 68px;left: 0;right: 0;margin: auto;}
.unionbox .unioncon .introduce{width: 679px;height: 114px;margin: 0 auto;display: block;animation-delay:.4s;-webkit-animation-delay:.4s;}
.union-num{margin-top: 90px;overflow: hidden;text-align: center;}
.numbox{display: inline-block;margin-right: 136px;font-size: 0;}
.numbox.first{animation-delay:.6s;-webkit-animation-delay:.6s; }
.numbox.second{animation-duration: .5s;-webkit-animation-duration: .5s;animation-delay:.8s;-webkit-animation-delay:.8s; }
.numbox.thire{animation-duration: .5s;-webkit-animation-duration: .5s;animation-delay:1s;-webkit-animation-delay:1s; }
.numbox.fouth{animation-duration: .5s;-webkit-animation-duration: .5s;animation-delay:1.2s;-webkit-animation-delay:1.2s; }
.numbox p{position: relative;color: #fff;text-align: center;border-bottom: 1px solid #fff;line-height: 1;margin-bottom: 4px;padding-bottom: 2px;}
.numbox p b{font-size: 55px;}
.numbox p span{font-size: 40px;}
.numbox p:after{position: absolute;content: '';width: 136px;height: 1px;border-bottom:1px dashed #fff;right: -136px;bottom: -1px;}
.numbox:last-of-type{margin-right: 0;}
.numbox:last-of-type p:after{width: 0;}
.numbox em{font-size: 14px;color: #fff;}
.tree-box{background: #fff;}
.box-title .container{padding: 40px 10px 60px;}
.box-title .container h1{font-size: 35px;color: #5f6261;font-weight: normal;text-align: center;animation-duration: .5s;-webkit-animation-duration: .5s;}
.tree-box ul{overflow: hidden;margin-top: 50px;}
.tree-box ul li{float: left;}
.tree-box ul li.tree-pic{width: 280px;text-align: center;}
.tree-box ul li.tree-pic img{width: 135px;height: 135px;}
.tree-box ul li p{margin-top: 42px;font-size: 16px;color: #5f6261;font-weight: bold;}
.tree-box ul li.tree-arrow{margin-top: 50px;}
.tree-box ul li:first-of-type{animation-delay:.3s;-webkit-animation-delay:.3s;}
.tree-box ul li:nth-of-type(3){animation-delay:.5s;-webkit-animation-delay:.5s;}
.tree-box ul li:nth-of-type(5){animation-delay:.7s;-webkit-animation-delay:.7s;}
.tree-box ul li:nth-of-type(7){animation-delay:.9s;-webkit-animation-delay:.9s;}
.tree-box ul li:nth-of-type(2){animation-delay:.5s;-webkit-animation-delay:.5s;}
.tree-box ul li:nth-of-type(4){animation-delay:.8s;-webkit-animation-delay:.8s;}
.tree-box ul li:nth-of-type(6){animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.reasonbox{background: #fbfbfb;}
.reasonbox .container{padding: 50px 0;}
.reason{margin-top: 64px;overflow: hidden;}
.reason .reason-bl{width: 430px;margin: 0 90px;overflow: hidden;cursor: pointer;float: left;}
.reason .reason-bl .reason-pic{float: left;}
.reason .reason-bl .reason-word{float: right;width: 274px;padding: 11px 0;position: relative;}
.reason .reason-bl .reason-word p{font-size: 14px;color: #5f6261;line-height: 28px;letter-spacing: 1px;}
.reason .reason-bl .reason-word em{position: absolute;bottom: 0;left: 0;display: block;width: 274px;height: 42px;background: url(../images/l_icon.png) no-repeat;background-position: -4px -4px;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.reason .reason-bl:hover .reason-word em{background-position: -282px -4px;}
.reason .reason-bl .reason-pic{width: 97px;}
.reason .reason-bl .reason-pic i{margin:0 auto 9px; width: 60px;height: 60px;background: url(../images/r_icon.png) no-repeat;display: block;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.reason .reason-bl .reason-pic.source i{background-position: -4px -68px;}
.reason .reason-bl:hover .reason-pic.source i{background-position: -4px -4px;}
.reason .reason-bl .reason-pic.service i{background-position: -68px -68px;}
.reason .reason-bl:hover .reason-pic.service i{background-position: -68px -4px;}
.reason .reason-bl .reason-pic.sys i{background-position: -132px -68px;}
.reason .reason-bl:hover .reason-pic.sys i{background-position: -132px -4px;}
.reason .reason-bl .reason-pic.rebate i{background-position: -196px -68px;}
.reason .reason-bl:hover .reason-pic.rebate i{background-position: -196px -4px;}
.reason .reason-bl .reason-pic span{display: block;width: 97px;height: 37px;background: url(../images/words.png) no-repeat;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.reason .reason-bl .reason-pic.source span{background-position: -4px -4px;}
.reason .reason-bl:hover .reason-pic.source span{background-position: -4px -45px;}
.reason .reason-bl .reason-pic.service span{background-position: -105px -4px;}
.reason .reason-bl:hover .reason-pic.service span{background-position: -105px -45px;}
.reason .reason-bl .reason-pic.sys span{background-position: -206px -4px;}
.reason .reason-bl:hover .reason-pic.sys span{background-position: -206px -45px;}
.reason .reason-bl .reason-pic.rebate span{background-position: -307px -4px;}
.reason .reason-bl:hover .reason-pic.rebate span{background-position: -307px -45px;}
.spece-box .container{padding: 60px 0;}
.spece-box{background: #fff;}
.spece-box ul{overflow: hidden;margin-top: 86px;}
.spece-box ul li{float: left;cursor: pointer;}
.spece-box ul li.spece-pic{float: left;width: 152px;padding: 0 69px;}
.spece-box ul li.spece-arrow{float: left;width: 20px;margin-top: 164px;}
.spece-box ul li.spece-pic .stage{width: 85px;height: 85px;border: 3px solid #a0a0a0;border-radius: 100%;margin: 0 auto;padding: 14px 16px;box-sizing: border-box;}
.spece-box ul li.spece-pic:hover .stage{border-color: #ff422f;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.spece-box ul li.spece-pic i{width: 151px;height: 167px;display: block;margin: 0 auto 28px;margin-top: 2px;background: url(../images/p_icon.png);-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.spece-box ul li.spece-pic i.baobei{background-position: -4px -4px;}
.spece-box ul li.spece-pic:hover i.baobei{background-position: -4px -177px;}
.spece-box ul li.spece-pic i.visite{background-position: -159px -4px;}
.spece-box ul li.spece-pic:hover i.visite{background-position: -159px -177px;}
.spece-box ul li.spece-pic i.follow{background-position: -314px -4px;}
.spece-box ul li.spece-pic:hover i.follow{background-position: -314px -177px;}
.spece-box ul li.spece-pic i.account{background-position: -470px -4px;}
.spece-box ul li.spece-pic:hover i.account{background-position: -470px -177px;}
.spece-box ul li.spece-pic p{font-size: 28px;color: #5f6261;text-align: center;}
.spece-box ul li:first-of-type{animation-delay:.3s;-webkit-animation-delay:.3s;}
.spece-box ul li:nth-of-type(3){animation-delay:.5s;-webkit-animation-delay:.5s;}
.spece-box ul li:nth-of-type(5){animation-delay:.7s;-webkit-animation-delay:.7s;}
.spece-box ul li:nth-of-type(7){animation-delay:.9s;-webkit-animation-delay:.9s;}
.spece-box ul li:nth-of-type(2){animation-delay:.5s;-webkit-animation-delay:.5s;}
.spece-box ul li:nth-of-type(4){animation-delay:.8s;-webkit-animation-delay:.8s;}
.spece-box ul li:nth-of-type(6){animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.agent-box .container{padding: 74px 0 86px;}
.agent-box{background: #f9f9f9;}
.agent-box ul{position: relative;margin: 86px auto 0;height: 395px;width: 1094px;}
.agent-box ul li{position: absolute;width: 226px;height: 195px;display: table;}
.agent-box ul li .tb{display: table-cell;vertical-align: middle;}
.agent-box ul li p{text-align: center;font-size: 16px;}
.agent-box ul li.fill h1,.agent-box ul li.fill p{color: #fff;}
.agent-box ul li.empty h1{color: #ff422f;}
.agent-box ul li.empty p{color: #5f6261;}
.agent-box.box-title .container ul li h1{font-size: 44px;font-weight: bold;}
.agent-box ul li h1 em{font-size: 40px;}
.agent-box ul li h1 b{font-size: 22px;}
.agent-box ul li.fill{background: url(../images/bg_fill.png) no-repeat;}
.agent-box ul li:first-of-type{top: 99px;left: 0;animation-delay:.2s;-webkit-animation-delay:.2s;}
.agent-box ul li.empty{background: url(../images/bg_empty.png) no-repeat;}
.agent-box ul li:nth-of-type(2){left: 174px;top: 0;animation-delay:.4s;-webkit-animation-delay:.4s;}
.agent-box ul li:nth-of-type(3){left: 174px;top: 200px;animation-delay:.6s;-webkit-animation-delay:.6s;}
.agent-box ul li:nth-of-type(4){left: 348px;top: 99px;animation-delay:.8s;-webkit-animation-delay:.8s;}
.agent-box ul li:nth-of-type(5){left: 521px;top: 0;animation-delay:1s;-webkit-animation-delay:1s;}
.agent-box ul li:nth-of-type(6){left: 521px;top: 200px;animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.agent-box ul li:nth-of-type(7){left: 696px;top: 99px;animation-delay:1.4s;-webkit-animation-delay:1.4s;}
.agent-box ul li:nth-of-type(8){left: 869px;top: 0;animation-delay:1.6s;-webkit-animation-delay:1.6s;}
.agent-box ul li:nth-of-type(9){left: 869px;top: 200px;animation-delay:1.8s;-webkit-animation-delay:1.8s;}
.add-box{position: relative;height: 340px;}
.add-box .addBg{position: absolute;z-index: -1;width:100%;height: 368px;}
.box-title.add-box .container p.reply{font-size: 16px;color: #5f6261;font-weight: normal;text-align: center;animation-duration: .5s;-webkit-animation-duration: .5s;margin-top: 10px;}
.layui-form{margin-top: 34px;text-align: center;}
.layui-form .layui-input{height: 36px;line-height: 36px;border: 1px solid #dcdcdc;width: 206px;}
.layui-form .layui-form-select .layui-input{width: 104px;}
.add-box .layui-form .layui-btn{background: #23a9ff;color: #fff;font-size: 15px;width: 266px;height: 36px;line-height: 36px;}
.layui-form-item .layui-inline{margin-bottom: 0;}
.layui-form-item{margin-bottom: 30px;}
.box-title.add-box .container p.phone{background: rgba(255,255,255,.5);width: 520px;height: 54px;line-height: 54px;text-align: center;margin: 20px auto 0;font-size: 20px;color: #5f6261;}
.box-title.add-box .container p.phone em{font-size: 20px;color: #ff422f;position: relative;top: -1px;}
.box-title.add-box .container p.phone b{font-size: 25px;color: #ff422f;}
/*app下载*/
.downbox{position: relative;}
.downbox img.appbg{width: 100%;margin-bottom: 20px;}
.downcon{width: 1220px;position: absolute;z-index: 99;top: 0;left: 0;right: 0;margin: auto;}
.d-title{position: absolute;left: 0;top: 90px;}
.d-title p{font-size: 62px;color: #fff;font-weight: bold;margin-bottom: 25px;}
.d-title span{font-size: 33px;color: #fff;}
.downcon img.first{width: 453px;height: 526px;position: absolute;right: -68px;top: 150px;}
.codebox{position: absolute;top: 562px;left: 326px;}
.codebox img{float: left;width: 96px;height: 96px;margin-right: 30px;}
.codebox p{float: left;line-height: 96px;color: #fff;font-size: 22px;}
.downcon img.second{position: absolute;left: -170px;top: 920px;}
.mytitle{position: absolute;}
.mytitle p{color: #ff422f;font-size: 60px;margin-bottom: 25px;font-weight: bold;}
.mytitle span{color: #5f6261;font-size: 25px;}
.info{text-align: right;top: 1165px;right: 30px;}
.report{top: 1750px;left: 30px;}
.ser{top: 2530px;right: 30px;}
.downcon img.third{position: absolute;right: -224px;top: 1570px;}
.downcon img.fourth{position: absolute;left: -170px;top: 2400px;}




